/**
 * This file is a part of MediaDrop (http://www.mediadrop.video),
 * Copyright 2009-2014 MediaDrop contributors
 * For the exact contribution history, see the git revision log.
 * The source code contained in this file is licensed under the GPLv3 or
 * (at your option) any later version.
 * See LICENSE.txt in the main project directory, for more information.
 **/


/* The following block contains resets and fonts from YUI Resets & Fonts 2.7.0
 * Copyright (c) 2009, Yahoo! Inc. All rights reserved.
 * Code licensed under the BSD License:
 * http://developer.yahoo.net/yui/license.txt
 * BEGIN YUI RESETS */
html{color:#000}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,th,var,optgroup{font-style:inherit;font-weight:inherit}
del,ins{text-decoration:none}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
legend{color:#000}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button,textarea,select{*font-size:100%}
body{font:13px/1.231 'helvetica neue',arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif}
table{font-size:inherit;font:100%}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}
/* END YUI resets */


/* Generic Styles */
p {
	margin: 0 0 1em 0;
}
a:link, a:visited, .link, .clickable, .link {
	color: #3372a0;
	text-decoration: none;
}
a:hover, a:active, .link:hover, .clickable:hover, .link:hover {
	color: #1380cf;
	text-decoration: underline;
}
h1 {
	font-size: 18px;
	text-shadow: 0 1px #fff;
}

ul.bullets > li,
ol.bullets > li {
	list-style: disc outside none;
	margin-left: 16px;
}
ul.numbers > li,
ol.numbers > li {
	list-style: decimal outside none;
	margin-left: 21px;
}

body {
	background: #e0e4ea url('../images/layout/body-bg.png') repeat-x top;
	text-align: center;
}

#container {
	width: 950px;
	margin: 0 auto;
	text-align: left;
}
#header {
	height: 67px;
}
#logo {
	float: left;
	margin-top: 15px;
	position: relative;
}
#logo h2 a {
	display: block;
	background: url('../images/layout/logo.png') no-repeat -1px 0;
	width: 220px;
	width: 218px;
	height: 38px;
}
#logo h2 a:hover {
	background-position: -1px -38px;
}
#logo h2 a:active,
#logo h2 a.active {
	background-position: -1px -76px;
}
#logo h2 a span {
	display: block;
	position: absolute;
	top: -5000px;
	left: -5000px;
}
#logo .dropdown-box {
	top: 37px;
}
#logo-dropdown {
	width: 218px;
	padding-bottom: 28px;
	background: url('../images/layout/logo-dropdown.png') no-repeat -1px 100%;
	display: none;
}
#logo-dropdown li a {
	display: block;
	width: 173px;
	font-weight: bold;
	height: 37px;
	line-height: 37px;
	padding-left: 45px;
	background: url('../images/layout/logo-dropdown.png') no-repeat -1px -41px;
}
#logo-dropdown li a:link,
#logo-dropdown li a:visited {
	color: #b0bcc5;
	text-shadow: 0 1px #000;
	-webkit-font-smoothing: antialiased;
}
#logo-dropdown li a:hover {
	background-position: -1px 0;
	color: #fff;
	text-decoration: none;
}
#logo-dropdown li:first-child a { background-position: -1px -42px; height: 36px; line-height: 36px }
#logo-dropdown li:first-child a:hover { background-position: -1px -1px }


#admin-footer {
	color: #95a0b9;
	font-size: 11px;
	padding-bottom: 0;
	margin-bottom: 0;
}

.mcore-version {
	float: left;
}

.copyright {
	text-align: right;
}

/* Main Menu */
#nav {
	float: right;
	margin-top: 17px;
	margin-left: -20px;
}
#nav li {
	float: left;
	margin-left: 20px;
}

/*Content*/
#body {
	margin-top: 30px;
	width: 100%;
}
.column66,
.rgt-column66 {
	width: 660px;
	float: left;
	margin-right: 30px;
}
.column33,
.lft-column33 {
	width: 260px;
	float: left;
}
.rgt-column66 {
	margin-right: 0;
}
.lft-column33 {
	margin-right: 30px;
}

.box {
	background: #fff;
	border-left: 1px solid #b4bac3;
	border-right: 1px solid #b4bac3;
	border-bottom: 1px solid #b4bac3;
	color: #3c4d5a;
	position: relative;
	margin-bottom: 32px;
}
.box-head,
.box-foot {
	background: #d2d7df url('../images/layout/box-head.png') repeat-x top;
	color: #3c4d5a;
	padding: 10px;
	border-top: 1px solid #b4bac3;
	overflow: hidden;
}
.box-head.clearfix {
	overflow: visible;
}
.box-head {
	border-bottom: 1px solid #b4bac3;
	clear: both;
}
.box-head small {
	font-size: 12px;
}
.box-head .box-head-sec {
	font-size: 13px;
	line-height: 18px;
	float: right;
	margin: 3px 0;
	color: #878685;
}
.box-head h1 {
	float: left;
}
.box-head #add-btn {
	margin: -1px 0 -3px 10px;
	float: right;
}
.box-content {
	padding: 10px;
}
table.box-content {
	padding: 0;
}
.box-content .textfield,
.box-content .textarea,
.box-content .xhtmltextarea,
.box-content .passwordfield,
.rounded-inputs .textfield,
.rounded-inputs .textarea,
.rounded-inputs .xhtmltextarea,
.rounded-inputs .passwordfield {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px;
}

.box-content .singleselectfield,
.rounded-inputs .singleselectfield  {
	padding: 4px 2px 2px 2px;
}
.box-content .singleselectfield option,
.rounded-inputs .singleselectfield option {
	padding-bottom: 1px;
}

/* Box wrapper to add rounded corners */
.box-round {
	position: relative;
}
.box-round-top-lft, .box-round-top-rgt, .box-round-bot-lft, .box-round-bot-rgt {
	position: absolute;
	width: 5px;
	height: 5px;
}
.box-round-bot-lft, .box-round-bot-rgt {
	height: 6px;
}
.box-round-top-lft {    top: 0;  left: 0; background-image: url('../images/layout/box-top-left.png'); }
.box-round-top-rgt {    top: 0; right: 0; background-image: url('../images/layout/box-top-right.png'); }
.box-round-bot-lft { bottom: 0;  left: 0; background-image: url('../images/layout/box-bottom-left.png'); }
.box-round-bot-rgt { bottom: 0; right: 0; background-image: url('../images/layout/box-bottom-right.png'); }
.box-round-bot-mid {
	position: absolute;
	width: 100%;
	height: 2px;
	left: 0;
	bottom: 0;
	background: url('../images/layout/box-bottom.png') repeat-x;
}

.box-error {
	background: #d1e4f2 url('../images/icons/error.png') no-repeat 10px 45%;
	padding: 10px 10px 10px 34px;
}


.box > table {
	background: #fff;
	width: 100%;
	color: #3c4d5a;
}
.box > table tr td {
	vertical-align: middle;
	padding: 10px;
	border-top: 1px solid #b3c4d0;
}
/* omit the top border for the first td in the table
 * allows for a missing thead and no tbody */
.box > table > tr:first-child > td,
.box > table > thead:first-child > tr:first-child td {
	border-top: 0;
}
.box > table > *:first-child > tr:first-child > * {
	border-top: 0;
}
/* thead/th is used for blue column labels */
.box > table > thead > tr > th,
.box > table > tbody > tr.thead-row td {
	background: #d0e9f7 url('../images/layout/table-head.png') repeat-x top;
	color: #627789;
	width: 100%;
	border-top: 1px solid #b3c4d0;
	padding: 10px 10px 5px 10px;
	font-size: 108.5%;
	font-weight: bold;
	text-shadow: 0em 1px #fff;
	vertical-align: middle;
	padding: 10px;
	white-space: nowrap;
}
.box > table > tbody > tr.thead-row td h3 {
	padding-top: 3px;
	font-size: 18px;
	font-weight: bold;
}


/* Fix extra padding on button elements in firefox */
button.btn::-moz-focus-inner {
	border: 0;
	padding: 0;
}
/* Standard button */
.btn {
	height: 33px;
	border: 0;
	margin: 0;
	padding: 0;
	background: url('../images/layout/btn-grey-left.png') no-repeat 0 0;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px #fff;
	font: bold 14px arial, helvetica, sans-serif;
	-webkit-font-smoothing: antialiased;
}
.btn,
a.btn:link,
a.btn:visited {
	color: #3c4d5a;
}
.btn:hover, .btn.hover {
	text-decoration: none;
}
.btn span {
	display: block;
	height: 33px;
	margin-left: 5px;
	padding: 0 12px 0 7px;
	line-height: 32px;
	background: url('../images/layout/btn-grey-right.png') no-repeat 100% 0;
}
.btn:hover, .btn.hover { background-position: 0 -33px }
.btn:active, .btn.active { background-position: 0 -66px }
.btn:hover span, .btn.hover span { background-position: 100% -33px }
.btn:active span, .btn.active span { background-position: 100% -66px }

/* Standard green button */
.btn.green {
	color: #fff;
	text-shadow: 0 -1px #398400;
	background-image: url('../images/layout/btn-green-left.png');
}
.btn.green span {
	background-image: url('../images/layout/btn-green-right.png');
}

/* Standard blue button */
.btn.blue {
	color: #fff;
	text-shadow: 0 -1px #2869c6;
	background-image: url('../images/layout/btn-blue-left.png');
}
a.btn.blue:link,
a.btn.blue:visited {
	color: #fff;
}
.btn.blue span {
	background-image: url('../images/layout/btn-blue-right.png');
}

/* Standard red button */
.btn.red {
	color: #fff;
	text-shadow: 0 -1px #780000;
	background-image: url('../images/layout/btn-red-left.png');
}
a.btn.red:link,
a.btn.red:visited {
	color: #fff;
}
.btn.red span {
	background-image: url('../images/layout/btn-red-right.png');
}

/* Table head/foot buttons */
.btn.inline {
	height: 26px;
	font-size: 12px;
	background-image: url('../images/layout/btn-inline-left.png');
}
.btn.inline,
.btn.inline:link,
.btn.inline:visited {
	color: #3C4D5A;
}
.btn.inline span {
	height: 26px;
	line-height: 26px;
	background-image: url('../images/layout/btn-inline-right.png');
}
.btn.inline:hover, .btn.inline.hover { background-position: 0 -26px }
.btn.inline:active, .btn.inline.active { background-position: 0 -52px }
.btn.inline:hover span, .btn.inline.hover span { background-position: 100% -26px }
.btn.inline:active span, .btn.inline.active span { background-position: 100% -52px }

/* Inline table row buttons */
.btn.table-row {
	height: 19px;
	font-size: 11px;
	background-image: url('../images/layout/btn-table-left.png');
}
.btn.table-row,
a.btn.table-row:link,
a.btn.table-row:visited {
	color: #606871;
}
.btn.table-row span {
	height: 19px;
	line-height: 18px;
	padding: 0 5px 0 3px;
	text-shadow: 0 1px #fff;
	background-image: url('../images/layout/btn-table-right.png');
}
.btn.table-row.middle span {
	background: url('../images/layout/btn-table-middle.png') repeat-x;
}
.btn.table-row.publish {
	width: 28px;
	background-image: url('../images/layout/btn-table-publish.png');
}
.btn.table-row.published {
	width: 28px;
	background-image: url('../images/layout/btn-table-published.png');
}
.btn.table-row.delete {
	width: 26px;
	background-image: url('../images/layout/btn-table-delete.png');
}
.btn.table-row.delete-solo {
	width: 26px;
	/* TODO: Rename the 'delete-btn.png' slice from the PSD file to
	 *       'btn-table-delete-rounded.png' for easier updating */
	/* TODO: Fix the top sprite in this image to be darker, like the one
	 *       in 'btn-table-delete.png' */
	background-image: url('../images/layout/btn-table-delete-rounded.png');
}
.btn.table-row.delete span,
.btn.table-row.delete-solo span,
.btn.table-row.publish span,
.btn.table-row.published span {
	text-indent: -5000px;
	background: none;
}
.btn.table-row:hover, .btn.table-row.hover { background-position: 0 -19px }
.btn.table-row:active, .btn.table-row.active { background-position: 0 -38px }
.btn.table-row:hover span, .btn.table-row.hover span { background-position: 100% -19px }
.btn.table-row:active span, .btn.table-row.active span { background-position: 100% -38px }

/* Top nav buttons */
.btn.nav {
	background-image: url('../images/layout/btn-nav-left.png');
	font-size: 13px;
	text-shadow: 0 -1px #000;
}
.btn.nav span {
	background-image: url('../images/layout/btn-nav-right.png');
}
.btn.nav,
a.btn.nav:link,
a.btn.nav:visited {
	color: #b0bcc5;
}
a.btn.nav:hover,
a.btn.nav:active,
a.btn.nav.active:link,
a.btn.nav.active:visited {
	color: #fff;
}

/* Dropdown menus */
.dropdown-position {
	position: relative;
}
.dropdown-toggle {
	width: 100%;
}
.btn.inline.dropdown-toggle {
	background-image: url('../images/layout/btn-inline-dropdown-left.png');
}
.btn.inline.dropdown-toggle span {
	background-image: url('../images/layout/btn-inline-dropdown-right.png');
}
.dropdown-toggle span {
	padding-right: 31px;
	text-align: left;
	overflow: hidden;
}
.dropdown-toggle strong {
	font-weight: inherit;
	width: 100%;
	display: block;
	overflow: hidden;
	white-space: nowrap;
}
.dropdown-box {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 999;
}
.dropdown-top {
	display: none;
	background: url('../images/layout/dropdown-top-left.png') no-repeat 0 0;
	height: 5px;
}
.dropdown-top div {
	background: url('../images/layout/dropdown-top-right.png') no-repeat 100% 0;
	height: 5px;
	margin-left: 5px;
}
.dropdown-bottom {
	display: none;
	background: url('../images/layout/dropdown-bottom-left.png') no-repeat 0 0;
	height: 10px;
}
.dropdown-bottom div {
	background: url('../images/layout/dropdown-bottom-right.png') no-repeat 100% 0;
	height: 10px;
	margin-left: 5px;
}
.dropdown-content {
	display: none;
	background: url('../images/layout/dropdown-body-left.png') repeat-y 0 0;
	font-size: 12px;
}
.dropdown-content > * {
	background: url('../images/layout/dropdown-body-right.png') repeat-y 100% 0;
	margin-left: 1px;
	padding-right: 1px;
}
.dropdown-content li {
	width: 100%;
	border: 0;
	border-bottom: 1px solid #fafbfc;
	background: none;
	margin-bottom: 1px;
	color: #446680;
	-webkit-font-smoothing: antialiased;
	font-weight: bold;
	text-align: left;
	text-shadow: 0 1px #fff;
	min-height: 1em;
}
.dropdown-content li.focus {
	background: #a8cce5 url('../images/layout/dropdown-select.png') repeat-x top;
	border-bottom: 1px solid #9fbfd4;
	cursor: pointer;
}
.dropdown-content li a:link,
.dropdown-content li a:visited {
	color: #446680;
	cursor: pointer;
}
.dropdown-content li a:hover {
	text-decoration: none;
}
.dropdown-content li > * {
	display: block;
	padding: 2px 5px 2px 19px;
	min-height: 1em;
}
.dropdown-content li.selected > * {
	background: url('../images/icons/check.png') no-repeat 2px 50%;
}


span.show-more {
	font-weight: bold;
	font-size: 14px;
	color: #0e436f;
}
.pager {
	float: right;
}
.pager-current,
.pager-link {
	float: left;
	margin-left: 5px;
}
.pager-next { margin-left: 10px }
.pager-previous { margin-right: 5px }
.pager-link,
.pager-dotdot {
	font-weight: normal;
}
.pager-next,
.pager-previous {
	font-weight: bold;
}
.pager-next.btn.inline span,
.pager-previous.btn.inline span {
	line-height: 25px;
}
.pager-link.btn.inline span,
.pager-current.btn.inline span {
	padding-left: 2px;
	padding-right: 7px;
}
.pager-current.btn.inline.active span {
	padding-top: 0;
}
.pager-dotdot {
	float: left;
	display: block;
	padding: 5px 0 5px 5px;
}

span.show-more {
	background: transparent url('../images/icons/show-more.png') no-repeat top right;
	padding-right: 16px;
}

/* Quick Search */
input, textarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #b0bcc5;
}
textarea {
	resize: vertical;
}
input[type="radio"] {
	width: 15px;
}
/* in Chrome 17 checkboxes in a simple CheckBoxList in the admin would 
 * otherwise span two lines because of 'width: 100%' for 'input' above. */
input[type="checkbox"] {
	width: auto;
}
input.filefield { width: auto; }
input:focus, textarea:focus {
	background-color: #e8f3fa;
}
input.submitbutton {
	background-color: transparent !important;
}

#nav-search {
	float: right;
	width: 173px;
	height: 26px;
}
#nav-search input {
	float: left;
	width: 137px;
	height: 15px;
	background: url('../images/layout/search-left.png') no-repeat;
	padding: 5px 0 6px 5px;
	margin: 0;
	border: 0;
}
#nav-search button {
	width: 31px;
	height: 26px;
	background: url('../images/layout/search-right.png') no-repeat;
	padding: 0;
	border: 0;
	text-indent: -5000px;
}
#nav-search button:hover { background-position: 0 -26px }
#nav-search button:active { background-position: 0 -52px }
#nav-search input,
#nav-search .overTxtLabel {
	color: #595050;
	font-size: 13px;
}

#go-view-content {
	background: url('../images/icons/arrow-green-right.png') no-repeat 100% 75%;
	padding-right: 18px;
	color: #417F00;
}


.xhtml-description-helper p, .xhtml-description-helper li {
	margin-bottom: 0em;
}
.xhtml-description-helper em {
	font-weight: bold;
}

.spinner {
	background: url('../images/icons/spinner.gif') no-repeat;
}
.truncate {
	overflow: hidden;
	white-space: nowrap;
	/* you must set a width in pixels for this to work */
}


#comments-table td.comments-count {
	width: 30px;
	text-align: right;
	padding-right: 0;
}
.comments-published td { color: #417F00; }
.comments-unreviewed td { color: #e66f00; }
.comments-trash td { color: #9b9b9b; }
.bulk-toggle,
.bulk-checkbox {
	width: auto;
}
.bulk-control {
	margin-top: 1px;
	margin-left: 10px;
}
.bulk-control select {
	font-size :14px;
	margin-top: 1px;
}


/* Styles for tables that include status columns,
 * like the Storage Engine and Players index tables */
.status-enabled,
.status-disabled,
.status-enabled:hover,
.status-disabled:hover {
	display: block;
	width: 0;
	height: 0;
	padding-top: 16px;
	padding-left: 16px;
	margin: 0 auto;
	overflow: hidden;
	background-position: 0 0;
	background-color: transparent;
	border: 0;
}
.status-enabled {
	background-image: url('../images/icons/green.png');
}
.status-disabled {
	background-image: url('../images/icons/grey.png');
}
.status-table th#h-status,
.status-table td[headers='h-status'] {
	padding-right: 0;
}
.status-table td[headers='h-status'] {
	text-align: center;
	padding-top: 12px;
}

form.arrows {
	height: 16px;
}
.uparrow,
.downarrow,
.uparrow:hover,
.downarrow:hover {
	display: inline-block;
	height: 0;
	width: 0;
	padding-top: 16px;
	padding-left: 16px;
	overflow: hidden;
	background-position: 0 0;
	border: 0;
}
.uparrow {
	background-image: url('../images/icons/up.png');
}
.downarrow {
	background-image: url('../images/icons/down.png');
}

td[headers='h-btns'] {
	white-space: nowrap;
}

/* Classes to apply individual styles */
.hidden { display: none; }
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }
.f-lft { float: left; }
.f-rgt { float: right; }
.clear { clear: both }
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix { height: 1% }
.clickable, .link, .btn, button { cursor: pointer; }
.unclickable { cursor: default; }
.italic {
	font-style: italic;
	color: #adaba3;
}
.block {
	display: block;
}

/* Google Closure Library crossbrowser inline-block */
.goog-inline-block,
.btn {
	position: relative;
	display: -moz-inline-box; /* Ignored by FF3 and later. */
	display: inline-block;
}
* html .goog-inline-block,
* html .btn {
	display: inline;
}
*:first-child+html .goog-inline-block,
*:first-child+html .btn {
	display: inline;
}
.block {
	display: block;
}
